import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

// 初始化主应用，其实就是渲染主应用
render({ loading: true });

// 定义 loader 函数，切换微应用时由 qiankun 框架负责调用显示一个 loading 状态
const loader = loading => render({ loading });


import { registerMicroApps, runAfterFirstMounted, setDefaultMountApp, start, initGlobalState,loadMicroApp } from './qiankun';
const apps = [
  {
    name:'vueApp', //应用名
    entry:'//localhost:10000', //默认会加载这个html解析里面的js，动态的执行（子应用必须支持跨域）
    container:'#vue', //将子应用挂载到id=vue的元素上
    loader,// 微应用切换时调用的方法，显示一个 loading 状态
    activeRule:'/vue', //激活规则，访问/vue的时候挂载到id=vue的元素上
  },
  {
    name:'vueApp2', //应用名
    entry:'//localhost:30000', //默认会加载这个html解析里面的js，动态的执行（子应用必须支持跨域）
    container:'#vue', //将子应用挂载到id=vue的元素上
    loader,// 微应用切换时调用的方法，显示一个 loading 状态
    activeRule:'/vue2', //激活规则，访问/vue的时候挂载到id=vue的元素上
  }
]
debugger
registerMicroApps(apps); //注册
start();//启动


Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
